<template>
	<div class="home-content-container">
		<div class="content card-box">
			<div class="top-banner">
				<img
					class="banner-img"
					src="../../assets/images/test-banner.png"
					alt=""
				/>
			</div>
			<div class="list">
				<p class="under-line-p">为你推荐</p>
				<ArticleItem
					:item-data="item"
					v-for="(item, index) in itemList"
					:key="index"
				/>
			</div>
		</div>
		<div class="aside card-box">侧边看推荐</div>
	</div>
</template>

<script lang="ts">
import ArticleItem from '@/components/ArticleItem.vue'
import { defineComponent,ref } from 'vue'
const Dashboard = defineComponent({
  name:'Dashboard',
  components:{
    ArticleItem,
  },
  setup() {
    const itemList = ref([])
    return {
      itemList
    }
  }
})
export default Dashboard
</script>